<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Validate</title>
    <link rel="stylesheet" type="text/css" media="screen" href="http://jquery.bassistance.de/message/jquery.message.css" />
    <script src="jquery-3.2.1.js"></script>
    <script src="http://www.w3cschool.cn/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
    <script src="http://jquery.bassistance.de/message/lib/jquery-1.3.2.js" type="text/javascript"></script>
    <script src="http://jquery.bassistance.de/message/jquery.message.js" type="text/javascript"></script>
    <script src="Validate.js"></script>
    <script type="text/javascript">
        $(function() {
            $().message("Hello world, on document ready!");
            $("#demo").submit(function(e) {
                e.preventDefault();
                $().message($("#message").val());
            })
        });
    </script>
</head>
<body>
<form class="cmxform" id="commentForm" method="get" action="">
    <fieldset>
        <legend>输入您的名字，邮箱，URL，备注。</legend>
        <p>
            <label for="cname">Name (必需, 最小两个字母)</label>
            <input id="cname" name="name" minlength="2" type="text" required>
        </p>
        <p>
            <label for="cemail">E-Mail (必需)</label>
            <input id="cemail" type="email" name="email" required>
        </p>
        <p>
            <label for="curl">URL (可选)</label>
            <input id="curl" type="url" name="url">
        </p>
        <p>
            <label for="ccomment">备注 (必需)</label>
            <textarea id="ccomment" name="comment" required></textarea>
        </p>
        <p>
            <input class="submit" type="submit" value="Submit">
        </p>
    </fieldset>
</form>

<form id="demo">
    <input name="message" id="message" />
    <input type="submit" value="显示消息" />
</form>

<p id="obj">点我显示结果</p>
</body>
</html>